// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.group-history-search-form {
  --input-bg: hsl(var(--hsl-b5));
  --input-border-radius: @border-radius--large;
  background: hsl(var(--hsl-b4));

  &__content {
    .default-gutter-v2();
    padding-bottom: 20px;
    padding-top: 20px;

    &--buttons {
      background-color: hsl(var(--hsl-b3));
      display: flex;
      gap: 10px;
      justify-content: center;
      padding-bottom: 10px;
      padding-top: 10px;
    }

    &--inputs {
      color-scheme: dark;
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(2, 1fr) repeat(2, 180px);

      @media @mobile {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }

  &__input {
    .reset-input();
    font-size: @font-size--title-small-3;
    width: 100%;
  }

  &__label {
    color: var(--label-colour);
    padding-bottom: 5px;
  }
}
